<template id="first">
  <main>
    <router-view></router-view>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="首页">
        <router-link to="/like">首页</router-link>
      </mt-tab-item>
      <!-- <mt-tab-item id="分类">
        <router-link to="/shoplist">分类</router-link>
      </mt-tab-item> -->
      <mt-tab-item id="购物车">
        <router-link to="/buy">购物车</router-link>
      </mt-tab-item>
      <mt-tab-item id="我的">
        <router-link to="/my">我的</router-link>
      </mt-tab-item>
    </mt-tabbar>
  </main>
</template>
<script>
export default {
  data() {
    return {
      selected: "1"
    };
  }
};
</script>


<style >
main {
  max-height: 90vh;
  overflow: scroll;
}
.box img {
  width: 10vh;
  height: 10vh;
}
</style>